<template>
  <div>
<!--字符串路由地址-->
<!--    <router-link to="/home"></router-link>-->
<!--    <router-link to="/about">about</router-link>-->
<!--    <router-link to="/userlist">userlist</router-link>-->
<!--    <router-link to="/newslist">newslist</router-link>-->
<!--    对象 path---------对应路由配置中的path  -->
<!--    <router-link :to="{path:'/home'}"></router-link>-->
<!--    <router-link :to="{path:'/about'}">about</router-link>-->
<!--    <router-link :to="{path:'/userlist'}">userlist</router-link>-->
<!--    <router-link :to="{path:'/newslist'}">newslist</router-link>-->

<!--    对象 name---------对应路由配置中的name   -->
    <router-link :to="{name:'home'}">home</router-link> |
    <router-link :to="{name:'about'}">about</router-link>
    <router-view></router-view>
    <router-view name="Car"></router-view>
    <router-view name="Book"></router-view>
  </div>

</template>

<script>
export default {
  name: 'App',
}
</script>

<style lang="less">
</style>
